<template>
    <div class="cart-list">
        <scroll class="content" ref="scroll">
            <cart-list-item v-for="(item, index) in products" :products="item" :key="index"/>
        </scroll>
    </div>
</template>

<script>
    import scroll from 'common/scroll/Scroll'
    import CartListItem from './CartListItem'

    import {mapGetters} from 'vuex'

    export default {
        name: "CartList",
        components: {
            scroll,
            CartListItem
        },
        computed: {
            ...mapGetters([
                'products'
            ])
        },
        activated() {
            this.$refs.scroll.refresh();
        }
    }
</script>

<style scoped>
    .cart-list {
        height: calc(100vh - 44px - 49px - 40px);
    }
    .content {
        height: 100%;
        overflow: hidden;
    }
</style>